page {
  background: #EAECF6;
}

.content {
  padding: 150rpx 36rpx 0 36rpx;
  .main {
    position: relative;
    padding: 0 35rpx;
    background: linear-gradient( 177deg, #FBF2F2 0%, #D4D4FF 100%);
    border-radius: 24rpx;
    border: 7rpx solid #FFFFFF;
    .head-pic {
      position: absolute;
      top: -100rpx;
      left: 30rpx;
      .image {
        width: 200rpx;
        height: 200rpx;
        border-radius: 100rpx;
        border: 7rpx solid #FFFFFF;
      }
      .icon {
        position: absolute;
        width: 75rpx;
        height: 75rpx;
        right: 5rpx;
        bottom: 5rpx;
      }
    }
    .logo {
      display: flex;
      justify-content: flex-end;
      margin-top: 25rpx;
      image {
        width: 209rpx;
        height: 68rpx;
      }
    }
    .input {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 30rpx 23rpx;
      margin-top: 55rpx;
      background: #FFFFFF;
      border-radius: 24rpx;
      font-size: 28rpx;
      input {
        text-align: right;
      }
    }
    .btn {
      margin-top: 48rpx;
      margin-bottom: 46rpx;
    }
  }
}